<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <title>欢迎页面-WeAdmin Frame型后台管理系统-WeAdmin 1.0</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <base href="http://localhost:8080/"/>
  <link rel="stylesheet" href="css/font.css">
  <link rel="stylesheet" href="css/weadmin.css">
</head>

<body>
  <div class="weadmin-body">
    <blockquote class="layui-elem-quote">欢迎OA办公系统后台管理系统！</blockquote>
    <div class="layui-fluid" style="overflow: hidden;">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md8">
          <div class="layui-card">
            <div class="layui-card-header">快捷方式</div>
            <div class="layui-card-body">
              <div class="layui-carousel weadmin-shortcut" lay-filter="shortcut" lay-indicator="inside" lay-arrow="none"
                style="width: 100%; height: 280px;">
                <div carousel-item="">
                  <ul class="layui-row layui-col-space10 layui-this">
                    <li class="layui-col-xs3">
                      <a href="pages/member/list.html" target="_blank">
                        <i class="layui-icon">&#xe705;</i>
                        <cite>会员列表</cite>
                        <p><span>在这里管理系统注册会员的信息</span></p>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a href="pages/member/del.html" target="_blank">
                        <i class="layui-icon">&#xe735;</i>
                        <cite>删除用户管理</cite>
                        <p><span>对已经被删除的账户进行管理</span></p>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a href="pages/admin/list.html" target="_blank">
                        <i class="layui-icon">&#xe606;</i>
                        <cite>管理员列表</cite>
                        <p><span>对管理员进行操作~</span></p>
                      </a>
                    </li>
                    <li class="layui-col-xs3">
                      <a href="admin/index/logout" target="_blank">
                        <i class="layui-icon">&#xe62e;</i>
                        <cite>退出登录</cite>
                        <p><span>感谢使用~</span></p>
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="layui-carousel-ind">
                  <ul>
                    <li class="layui-this"></li>
                    <li></li>
                  </ul>
                </div>
              </div>

            </div>
          </div>
        </div>
        <div class="layui-col-md4">
          <div class="layui-card">
            <div class="layui-card-header">
              功能介绍
              <i class="layui-icon" style="color: #FF5722;">&#xe756;</i>
            </div>
            <div class="layui-card-body layui-text weadmin-text">
              <p>OA办公管理系统后台页面是办公系统的管理系统，该系统前端使用Layui完成，后端使用了SpringBoot，MyBatis。</p>
              <p>目前已经实现了：管理员账号的增删改查功能，会员管理功能，其中会员管理的删除操作采用软删除，防止会员信息误删而导致重要数据丢失等不必要麻烦。</p>
              <p>后续功能将积极完善，敬请期待！</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="layui-col-lg12 layui-collapse" style="border: none;">
      <div class="layui-col-lg6 layui-col-md12">


        <!--统计信息展示-->
        <fieldset class="layui-elem-field" style="padding: 5px;">
          <!--WeAdmin公告-->
          <div class="layui-card">
            <div class="layui-card-header layui-elem-quote">后台公告</div>
            <div class="layui-card-body">
              <div class="layui-carousel weadmin-notice" lay-filter="notice" lay-indicator="inside" lay-arrow="none"
                style="width: 100%; height: 280px;">
                <div carousel-item="">
                  <div class="">
                    <a href="https://gitee.com/sprogfall/enterpriseOASystem" target="_blank" class="layui-bg-red">2021年3月01日
                    OA办公系统正式开始开发</a>
                  </div>
                  <div class="">
                    <a href="http://www.layui.com/admin/" target="_blank" class="layui-bg-blue">首款 layui
                      官方后台模板系统正式发布</a>
                  </div>
                  <div class="">
                    <a href="http://fly.layui.com/jie/24231/" target="_blank" class="layui-bg-green">Layui 官方发布
                      layuiAdmin iframe 多标签页版本</a>
                  </div>

                </div>
                <div class="layui-carousel-ind">
                  <ul>
                    <li class="layui-this"></li>
                    <li></li>
                  </ul>
                </div>
              </div>

            </div>
          </div>
        </fieldset>
      </div>
      <div class="layui-col-lg6 layui-col-md12">
        <fieldset class="layui-elem-field we-changelog" style="padding: 5px;">
          <!--更新日志-->
          <blockquote class="layui-elem-quote font16">发展历程&amp;更新日志</blockquote>
          <ul class="layui-timeline" style="height: 729px; overflow-y: auto;">
            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style="color: #FF5722;">&#xe756;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title">
                  <h3>项目开始研发</h3>
                  <span class="layui-badge-rim">2021-03-01</span>
                </div>
                <blockquote class="layui-elem-quote">
                  2021年3月1日，为OA办公系统开发的后台管理页面正式开始研发！
                </blockquote>

                <ul>
                  <li>使用SpringBoot作为后台开发框架</li>
                  <li>使用Layui作为前端样式等模板</li>
                  <li>为方便使用，数据库架设在阿里云上，使用阿里云的RDS</li>
                </ul>
              </div>
            </li>
            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis" style="color: #FF5722;">&#xe756;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title">
                  <h3>完成后台页面登录、注册功能</h3>
                  <span class="layui-badge-rim">2021-04-01</span>
                </div>
                <ul>
                  <li>登录、注册功能开发</li>
                  <li>使用拦截器等技术完成登录控制</li>
                  <li>提交Gitee码云进行代码管理</li>
                </ul>
              </div>
            </li>
            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title">
                  <h3>管理员列表页面功能完成</h3>
                  <span class="layui-badge-rim">2021-04-09</span>
                </div>
                <ul>
                  <li>完成管理员展示、修改操作的接口与前端页面开发</li>
                  <li>通过自定义注解与拦截器实现权限控制，各项操作有严格的权限控制</li>
                </ul>
              </div>
            </li>
            <li class="layui-timeline-item">
              <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
              <div class="layui-timeline-content layui-text">
                <div class="layui-timeline-title">
                  <h3>会员用户管理功能完成</h3>
                  <span class="layui-badge-rim">2021-04-11</span>
                </div>
                <ul>
                  <li>完成会员用户的增删改查接口开发与前端开发</li>
                  <li>对会员列表进行分页操作，方便展示</li>
                  <li>会员删除功能为软删除，防止误删导致数据丢失</li>
                  <li>彻底删除功能与恢复功能，操作需要用户进行进一步确认</li>
                </ul>
              </div>
            </li>
          </ul>
        </fieldset>
      </div>
    </div>
  </div>
</body>
<script type="text/javascript" src="lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">
  layui.extend({
    admin: 'js/admin'
  });
  layui.use(['jquery', 'element', 'util', 'admin', 'carousel'], function () {
    var element = layui.element,
      $ = layui.jquery,
      carousel = layui.carousel,
      util = layui.util,
      admin = layui.admin;
    //建造实例
    carousel.render({
      elem: '.weadmin-shortcut'
      , width: '100%' //设置容器宽度				
      , arrow: 'none' //始终显示箭头	
      , trigger: 'hover'
      , autoplay: false
    });

    carousel.render({
      elem: '.weadmin-notice'
      , width: '100%' //设置容器宽度				
      , arrow: 'none' //始终显示箭头	
      , trigger: 'hover'
      , autoplay: true
    });

    $(function () {
      setTimeAgo(2018, 0, 1, 13, 14, 0, '#firstTime');
      setTimeAgo(2020, 8, 29, 17, 0, 0, '#lastTime');
    });
    function setTimeAgo(y, M, d, H, m, s, id) {
      var str = util.timeAgo(new Date(y, M || 0, d || 1, H || 0, m || 0, s || 0));
      $(id).html(str);
      // console.log(str);
    };

    $('body').on('click', '.tabLink', function () {
      console.log('this', $(this)); //sy-log
      var url = $(this).attr('_href');
      console.log('url', url); //sy-log

      var title = $(this).find('cite').html();
      console.log('title', title); //sy-log

      // var index = $('.left-nav #nav li').index($(this));
      var index = parseInt($(this).attr('data-id'));

      admin.wframe.openFrame(url, title, index)

    })
  });
</script>

</html>